{{define "content"}}
<div class="card shadow-sm mb-4">
    <div class="card-body">
        <h2 class="h4 mb-3">인기 유틸리티 프로그램 다운로드 (Top 50)</h2>
        <p class="text-muted">사용자들이 가장 많이 찾는 필수 프로그램 50가지를 엄선했습니다. 클릭하여 상세 설명을 확인하고 무료로 다운로드하세요.</p>

        <div class="list-group">
            {{range .Programs}}
            <a href="/program/{{.ID}}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                <div>
                    <h5 class="mb-1 text-primary">{{.Index}}. {{.NameKo}} <small class="text-muted">({{.NameEn}})</small></h5>
                    <p class="mb-1 text-secondary" style="font-size: 0.9em;">{{.Description}}</p>
                </div>
                <span class="badge bg-primary rounded-pill">다운로드</span>
            </a>
            {{end}}
        </div>
    </div>
</div>
{{end}}